/* 测试样式 - 用于验证CSS是否被加载 */
.main-container {
    -fx-background-color: linear-gradient(to bottom, #f8f9fa, #e9ecef) !important;
    -fx-font-family: "Microsoft YaHei", "SimSun", sans-serif !important;
    -fx-padding: 15px !important;
}

/* VPN提示样式 */
.vpn-notice {
    -fx-background-color: linear-gradient(to right, #fff3cd, #ffeaa7) !important;
    -fx-border-color: #ffc107 !important;
    -fx-border-width: 1px !important;
    -fx-border-radius: 8px !important;
    -fx-background-radius: 8px !important;
    -fx-padding: 12px !important;
    -fx-effect: dropshadow(three-pass-box, rgba(255, 193, 7, 0.3), 8, 0, 0, 2) !important;
}

.vpn-notice-label {
    -fx-text-fill: #856404 !important;
    -fx-font-weight: bold !important;
    -fx-font-size: 14px !important;
}

/* 标题栏样式 */
.title-bar {
    -fx-background-color: linear-gradient(to right, #667eea, #764ba2) !important;
    -fx-padding: 15px !important;
    -fx-background-radius: 10px !important;
    -fx-effect: dropshadow(three-pass-box, rgba(102, 126, 234, 0.4), 10, 0, 0, 3) !important;
}

.title-label {
    -fx-text-fill: white !important;
    -fx-font-size: 24px !important;
    -fx-font-weight: bold !important;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.3), 2, 0, 0, 1) !important;
}

/* 工具栏样式 */
.toolbar {
    -fx-background-color: white !important;
    -fx-padding: 15px !important;
    -fx-background-radius: 8px !important;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.1), 8, 0, 0, 3) !important;
    -fx-border-color: #e9ecef !important;
    -fx-border-width: 1px !important;
    -fx-border-radius: 8px !important;
}

.tool-button {
    -fx-background-color: linear-gradient(to bottom, #007bff, #0056b3) !important;
    -fx-text-fill: white !important;
    -fx-font-weight: bold !important;
    -fx-font-size: 13px !important;
    -fx-padding: 10px 20px !important;
    -fx-background-radius: 6px !important;
    -fx-cursor: hand !important;
    -fx-effect: dropshadow(three-pass-box, rgba(0,123,255,0.3), 4, 0, 0, 2) !important;
    -fx-min-width: 120px !important;
}

.tool-button:hover {
    -fx-background-color: linear-gradient(to bottom, #0056b3, #004085) !important;
    -fx-effect: dropshadow(three-pass-box, rgba(0,123,255,0.5), 6, 0, 0, 3) !important;
}

.tool-button:pressed {
    -fx-background-color: linear-gradient(to bottom, #004085, #002752) !important;
    -fx-effect: dropshadow(three-pass-box, rgba(0,123,255,0.2), 2, 0, 0, 1) !important;
}

/* 状态栏样式 */
.status-bar {
    -fx-background-color: linear-gradient(to right, #e8f5e8, #d4edda) !important;
    -fx-padding: 8px 15px !important;
    -fx-background-radius: 6px !important;
    -fx-border-color: #28a745 !important;
    -fx-border-width: 1px !important;
    -fx-border-radius: 6px !important;
    -fx-effect: dropshadow(three-pass-box, rgba(40, 167, 69, 0.2), 4, 0, 0, 1) !important;
}

/* 区域标签样式 */
.section-label {
    -fx-text-fill: #495057 !important;
    -fx-font-weight: bold !important;
    -fx-font-size: 14px !important;
    -fx-padding: 5px 0 !important;
}

/* 文件计数标签样式 */
.file-count-label {
    -fx-text-fill: #6c757d !important;
    -fx-font-size: 12px !important;
    -fx-font-style: italic !important;
}

/* 列表视图样式 */
.list-view {
    -fx-background-color: white !important;
    -fx-background-radius: 6px !important;
    -fx-border-color: #dee2e6 !important;
    -fx-border-width: 1px !important;
    -fx-border-radius: 6px !important;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.05), 4, 0, 0, 1) !important;
}

.list-view .list-cell {
    -fx-background-color: transparent !important;
    -fx-padding: 8px 12px !important;
    -fx-border-color: transparent !important;
}

.list-view .list-cell:odd {
    -fx-background-color: #f8f9fa !important;
}

.list-view .list-cell:selected {
    -fx-background-color: #e3f2fd !important;
    -fx-text-fill: #1976d2 !important;
}

/* 表格样式 */
.table-view {
    -fx-background-color: white !important;
    -fx-background-radius: 8px !important;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.1), 8, 0, 0, 3) !important;
    -fx-border-color: #dee2e6 !important;
    -fx-border-width: 1px !important;
    -fx-border-radius: 8px !important;
}

.table-view .column-header {
    -fx-background-color: linear-gradient(to bottom, #495057, #343a40) !important;
    -fx-text-fill: white !important;
    -fx-font-weight: bold !important;
    -fx-font-size: 12px !important;
    -fx-padding: 10px 8px !important;
}

.table-view .column-header-background {
    -fx-background-color: linear-gradient(to bottom, #495057, #343a40) !important;
}

.table-row-cell {
    -fx-background-color: white !important;
    -fx-border-color: #f1f3f4 !important;
    -fx-border-width: 0 0 1 0 !important;
    -fx-padding: 8px 0 !important;
}

.table-row-cell:odd {
    -fx-background-color: #f8f9fa !important;
}

.table-row-cell:selected {
    -fx-background-color: #e3f2fd !important;
    -fx-text-fill: #1976d2 !important;
}

.table-row-cell:hover {
    -fx-background-color: #f5f5f5 !important;
}

/* 文本区域样式 */
.text-area {
    -fx-background-color: #fafbfc !important;
    -fx-border-color: #dee2e6 !important;
    -fx-border-radius: 6px !important;
    -fx-background-radius: 6px !important;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.05), 4, 0, 0, 1) !important;
    -fx-font-family: "Consolas", "Monaco", "Courier New", monospace !important;
    -fx-font-size: 12px !important;
}

.text-area .content {
    -fx-background-color: #fafbfc !important;
    -fx-padding: 10px !important;
}

/* 标签页样式 */
.tab-pane {
    -fx-background-color: transparent !important;
    -fx-tab-min-width: 120px !important;
    -fx-tab-max-width: 200px !important;
}

.tab-pane .tab-header-area {
    -fx-background-color: transparent !important;
    -fx-padding: 0 0 10px 0 !important;
}

.tab-pane .tab-header-background {
    -fx-background-color: transparent !important;
}

.tab {
    -fx-background-color: linear-gradient(to bottom, #e9ecef, #dee2e6) !important;
    -fx-background-radius: 8px 8px 0 0 !important;
    -fx-padding: 12px 20px !important;
    -fx-border-color: #dee2e6 !important;
    -fx-border-width: 1px 1px 0 1px !important;
    -fx-border-radius: 8px 8px 0 0 !important;
}

.tab:selected {
    -fx-background-color: white !important;
    -fx-font-weight: bold !important;
    -fx-border-color: #007bff !important;
    -fx-border-width: 2px 2px 0 2px !important;
}

.tab-label {
    -fx-text-fill: #6c757d !important;
    -fx-font-size: 13px !important;
}

.tab:selected .tab-label {
    -fx-text-fill: #007bff !important;
}

/* 输入框样式 */
.text-field, .password-field {
    -fx-background-color: white !important;
    -fx-border-color: #ced4da !important;
    -fx-border-radius: 4px !important;
    -fx-background-radius: 4px !important;
    -fx-padding: 8px 12px !important;
    -fx-font-size: 13px !important;
}

.text-field:focused, .password-field:focused {
    -fx-border-color: #007bff !important;
    -fx-border-width: 2px !important;
    -fx-effect: dropshadow(three-pass-box, rgba(0,123,255,0.2), 4, 0, 0, 1) !important;
}

/* 标签样式 */
.label {
    -fx-text-fill: #495057 !important;
    -fx-font-weight: 500 !important;
    -fx-font-size: 13px !important;
}

/* 分隔符样式 */
.separator {
    -fx-background-color: #dee2e6 !important;
    -fx-padding: 5px 0 !important;
}

/* 滚动条样式 */
.scroll-bar {
    -fx-background-color: #f8f9fa !important;
    -fx-pref-width: 12px !important;
    -fx-pref-height: 12px !important;
}

.scroll-bar .thumb {
    -fx-background-color: #adb5bd !important;
    -fx-background-radius: 6px !important;
}

.scroll-bar .thumb:hover {
    -fx-background-color: #6c757d !important;
}

/* 按钮组样式 */
.button-group {
    -fx-spacing: 10px !important;
    -fx-alignment: center-left !important;
}

/* 状态指示器样式 */
.status-indicator {
    -fx-background-color: #28a745 !important;
    -fx-background-radius: 50% !important;
    -fx-min-width: 8px !important;
    -fx-min-height: 8px !important;
    -fx-max-width: 8px !important;
    -fx-max-height: 8px !important;
}

.status-indicator.error {
    -fx-background-color: #dc3545 !important;
}

.status-indicator.warning {
    -fx-background-color: #ffc107 !important;
}

/* 卡片样式 */
.card {
    -fx-background-color: white !important;
    -fx-background-radius: 8px !important;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.1), 8, 0, 0, 3) !important;
    -fx-border-color: #e9ecef !important;
    -fx-border-width: 1px !important;
    -fx-border-radius: 8px !important;
    -fx-padding: 15px !important;
}

/* 响应式布局 */
@media (max-width: 800px) {
    .main-container {
        -fx-padding: 10px !important;
    }
    
    .tool-button {
        -fx-min-width: 100px !important;
        -fx-padding: 8px 16px !important;
    }
    
    .title-label {
        -fx-font-size: 20px !important;
    }
} 